<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>page11</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
			font-size: 24px;
		}
		body{
			background-image:url("../img/1.jpg")
		}
		 li{
		 	display: inline-block;
		 	line-height: 40px;
		 	 min-width: 128px;
		 }

		 #menu>li{
		 	margin-left: 85px;
		 }
		
		 li:hover{
		 	background-color:yellow;
		 }

		 li a {
		 	text-decoration: none;
		 }

		  #menu{
		 	position: relative;
		 	margin-top: 10px;
		 }

		 #mm3:hover #sub3 li {
		 		display: block;
		 	}

		 #sub3{
		 		position: absolute;
		 		background-color:aqua;
		 		min-width: 132px;
		 	}

		 #sub3 li{
		 		display: none;
		 	}

		 a {
		 		text-decoration: none;
		 	}


		 nav{
		 	height: 60px;
		 	width: 100%;
		 	text-align: center;
		 	position: fixed;
		 	left: 0;
		 	top: 0;

		 }
		     header
    {height: 80px;
        width: 100%;
    width: 100%;
    position: absolute;
    }
		 article {
			width: 80%;
			height: 100%;
			margin-left: 250px;
			margin-top: 200px;
		}
        z{
        	font-size: 32px;
        }
b{
	color: black;
}
g
{
	font-size: 30px;
}
c{
  color:  black;
  font-size: 50px;
}
c:hover{
  color: #f06;
}
@media all and (max-width: 700px){
	*{
			margin: 0;
			padding: 0;
			font-size: 16px;
		}
		 li{
		 	display: inline-block;
		 	line-height: 20px;
		 	 min-width: 40px;
		 }
		body{
			background-image:url("../img/1.jpg")
		}
		 #menu>li{
		 	margin-left: 85px;
		 }
		
		 li:hover{
		 	background-color:yellow;
		 }

		 li a {
		 	text-decoration: none;
		 }

		  #menu{
		 	position: relative;
		 	margin-top: 10px;
		 }

		 #mm3:hover #sub3 li {
		 		display: block;
		 	}

		 #sub3{
		 		position: absolute;
		 		background-color:aqua;
		 		min-width: 52px;
		 	}

		 #sub3 li{
		 		display: none;
		 	}

		 a {
		 		text-decoration: none;
		 	}


		 nav{
		 	height: 60px;
		 	width: 100%;
		 	text-align: center;
		 	position: fixed;
		 	left: 0;
		 	top: 0;

		 }
		 header
    {height: 80px;
     width: 100%;
    width: 100%;
    margin-top: 30px;
    position: absolute;
    }
		 article {
			width: 90%;
			height: 100%;
			margin-left: 25px;
			margin-top: 10%;
		} 
        z{
        	font-size: 10px;
        }
b{
	color: black;
}
g
{
	font-size: 14px;
}
c{
  color:  black;
  font-size: 14px;
}
c:hover{
  color: #f06;
}

}

	</style>
<body>
	
	        <body onLoad="chColor()">
    <div id="txt"></div>
    </body>
	     <header>

     <div id="box">
           <input type="text" name="search">
        <div id="search">
            <a href="https://www.baidu.com/"> 搜索</a></div>
    </div> 
    
     </header>


		<nav>
		<ul id="menu">
			<li id="mm3"><a href="page1.html"><b><z>特色景区</z></b></a>
				<ul id="sub3">
				<li><a href="http://www.bytravel.cn/Landscape/5/dayawan.html"><z>大亚湾</z></a></li>
				<li><a href="http://www.bytravel.cn/Landscape/5/shijiezhichuang.html"><z>世界之窗</z></a></li>
				<li><a href="http://www.bytravel.cn/Landscape/5/baiyunshan.html"><z>白云山</z></a></li>
				<li><a href="http://www.bytravel.cn/Landscape/12/dongmenlaojie.html"><z>东门老街</z></a></li>
			</ul> 
			</li>
			<li id="mm3"><a href="page3.html"><b><z>特色小吃</z></b></a>
				<ul id="sub3">
				<li><a href="https://baike.so.com/doc/5398340-5635732.html"><z>年糕</z></a></li>
				<li><a href="https://baike.so.com/doc/5937077-6150008.html"><z>煎堆</z></a></li>
				<li><a href="https://baike.so.com/doc/5404114-5641814.html"><z>肠粉</z></a></li>
				<li><a href="https://baike.so.com/doc/5593795-5806395.html"><z>马拉糕</z></a></li>
			</ul>
		</li>
			<li id="mm3"><a href="page3.html"><b><z>特色茶点</z></b></a>
				<ul id="sub3">
				<li><a href="https://baike.so.com/doc/2861975-3020188.html"><z>糯米卷</z></a></li>
				<li><a href="https://baike.so.com/doc/5541145-5756811.html"><z>小笼包</z></a></li>
				<li><a href="https://baike.so.com/doc/5408997-5646994.html"><z>灌汤包</z></a></li>
				<li><a href="https://baike.so.com/doc/6326756-6540364.html"><z>千层糕</z></a></li>
			</ul>
		</li>
 
 			<li id="mm3"><a href="page2.html"><b><z>特色水果</z></b></a>
				<ul id="sub3">
				<li><a href="https://baike.so.com/doc/5368005-5603786.html"><z>荔枝</z></a></li>
				<li><a href="https://baike.so.com/doc/5366241-5601948.html"><z>龙眼</z></a></li>
				<li><a href="https://baike.so.com/doc/4224813-4426514.html"><z>香蕉</z></a></li>
				<li><a href="https://baike.so.com/doc/5404753-5642490.html"><z>三华李</z></a></li>	
			</ul>
		</li>
 
 
</ul>
	</nav>
<article><pre>
	<p><g>
		                    <a href="https://baike.so.com/doc/2671265-2820914.html"> <c>魅力广东</a></c>

中文名称	   广东                          电话区号    020、066+、075+、076+
面积       17.97万平方公里                     	 车牌代码    粤+城市牌号
外文名称   Guangdong Province                  	 邮政区码    51-52（广州：510000）
人口       10999万人（2016年)                  	 地理位置    中国南岭以南，南海之滨
别名       南粤                                	 行政代码    440000
方言       粤语、客家语、闽语等                  大学        中大、华工、暨大、华师等
行政区类别 省（行政代码440000）                  地区生产总值 79512.05亿元（2016年）
所属地区    中国华南                             人均生产总值 72787元（2016年）
著名景点    丹霞山、长隆、华侨城、白云山、       省会        广州
下辖地区    21个地级市、20个县级市               省委书记    李希
机场        广州白云机场、深圳宝安机场等         省长        马兴瑞
政府驻地    广州市越秀区东风中路305号            省花        木棉花
火车站      广州站、深圳站、佛山站等
</g></p></pre>
</article>
</body>
</html>